<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="好旅行是领先的国内O2O旅游平台">
    <meta name="keywords" content="好旅行 ok珠海 新生活 景点 酒店 旅行社">
    <title></title>
    <link type="text/css" rel="stylesheet" href="../css/products-experience/customer.css">
    <link type="text/css" rel="stylesheet" href="../css/public/base.css">
</head>
<body>
<div id="wrapper" class="warper">
    <div id="header-mast">
        <div class="grid-1000 header-mast-top clearfix">
            <a href="index.html" class="" style="width: 201px;height: 105px;float: left">
                <img src="../img/public/logo.png" style="width: auto;height: auto;"/>
            </a>

            <div class="header-serve">
                <a href="store-join.html" class="open">
                    <span class="serve-item">商家开通</span>
                </a>
                <a href="products-experience.html" class="experience"><span
                        class="serve-item">顾客体验</span></a>
            </div>
            <ol class="header-anenst">
                <li><a href="about.html">关于我们</a></li>
                <li><a href="http://203.195.140.175/hotel_php/hotel_admin.php">企业登陆</a></li>
            </ol>
            <div class="header-phone"><span class="header-phone-ico">&nbsp;&nbsp;&nbsp;&nbsp;0756-8913010  </span></div>
        </div>
    </div>
</div>

<div class="customer-banner">
    <div class="mapCont grid-1000 clear">
        <div class="intro fl">
            <h2><img src="../img/products-experience/OKZH_LOGO.png" alt="" width="324" height="101" class="pngfix"
                     title=""></h2>

            <div class="introBtn clear">
                <dl>
                    <dt><img src="../img/products-experience/dl_qrcode.png" alt="" width="130" height="130" title="">
                    </dt>
                    <dd>扫描二维码下载</dd>
                </dl>
                <div class="download_btn clear">
                    <a class="ituBtn pngfix" target="_blank"
                       href="https://itunes.apple.com/cn/app/ok-zhu-hai/id681709712?l=en&mt=8">itunes</a>
                    <a class="andBtn pngfix" target="_blank"
                       href="http://zl.hwpan.com/u18243631/mthd/okzhuhai_v1.0.apk">itunes</a>
                </div>
            </div>
        </div>
        <div class="customer-img fr"><img src="../img/products-experience/phone.png" alt="" width="408" height="363"
                                          class="pngfix" title=""></div>
    </div>
</div>
<section class="site-main">
    <div class="restaurant clearfix">
        <h2 class="title-h2 clear"><span>用微信扫描二维码以访问如下景点</span></h2>

        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/hqw_qrcode.png"><img src="../img/products-experience/hqw.jpg"
                                                                             alt="" width="2165" height="1969" title=""></i>

            <h3>海泉湾</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/ymxy_qrcode.png"><img src="../img/products-experience/ymxy.jpg"
                                                                              alt="" width="185" height="135" title=""></i>

            <h3>圆明新园</h3>
        </div>
        <div class="restaurant-item restaurant-item-last">
            <i data-qr-code="../img/products-experience/ywq_qrcode.png"><img src="../img/products-experience/ywq.jpg"
                                                                             alt="" width="280" height="474"
                                                                             title=""></i>

            <h3>御温泉</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/jysz.jpg"
                                                                          alt="" width="300" height="225" title=""></i>

            <h3>万山岛静云山庄</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/djc.jpg"
                                                                          alt="" width="1024" height="724" title=""></i>

            <h3>珠海度假村</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/zbysjd.jpg"
                                                                          alt="" width="400" height="300" title=""></i>

            <h3>中邦艺术酒店</h3>
        </div>
        <div class="restaurant-item restaurant-item-last">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/lmljrjd.jpg"
                                                                          alt="" width="185" height="174" title=""></i>

            <h3>来魅力假日酒店</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/gbzl.jpg"
                                                                          alt="" width="42" height="34" title=""></i>

            <h3>拱北口岸中旅</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/hmd.png"
                                                                          alt="" width="158" height="130" title=""></i>

            <h3>华美达旅行社</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/agl.png"
                                                                          alt="" width="75" height="75" title=""></i>

            <h3>澳国旅</h3>
        </div>
        <div class="restaurant-item restaurant-item-last">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/cxbd.jpg"
                                                                          alt="" width="449" height="300" title=""></i>

            <h3>潮香半岛</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/xqjd.jpg"
                                                                          alt="" width="819" height="539" title=""></i>

            <h3>祥祺酒店</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/cajrjd.jpg"
                                                                          alt="" width="549" height="412" title=""></i>

            <h3>昌安假日酒店</h3>
        </div>
        <div class="restaurant-item">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/yy.jpg" alt=""
                                                                          width="700" height="429" title=""></i>

            <h3>愚园</h3>
        </div>
        <div class="restaurant-item restaurant-item-last">
            <i data-qr-code="../img/products-experience/itme_05.png"><img src="../img/products-experience/xzds.jpg"
                                                                          alt="" width="650" height="418" title=""></i>

            <h3>西藏大厦</h3>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="sitelink clearfix">
        <ul class="fl">
            <li><a title="关于我们" href="about.html">关于我们</a></li>
            <li><a title="加入我们" href="#">加入我们</a></li>
            <li><a title="媒体报道" href="#">媒体报道</a></li>
            <li><a title="加盟伙伴" href="#">加盟伙伴</a></li>
            <li><a title="价格体系" href="#">价格体系</a></li>
            <li><a title="商户后台" href="#">商户后台</a></li>
            <li class="sitelink-li-no"><a title="电子期刊" href="#" target="_blank">电子期刊</a></li>
            <!--<li class="sitelink-li-no"><a title="pp助手" target="_blank"  href="http://pro.25pp.com/">pp助手</a></li>-->
        </ul>
        <dl class="fr">
            <dt>关注我们</dt>
            <dd><span class="feed_weibo"></span><span><a target="_blank" href="#">新浪微博</a></span></dd>
            <dd><span class="feed-qq"></span><span><a target="_blank" href="#"> 腾讯微博</a></span></dd>
        </dl>
    </div>
    <div class="grid-1000 f_bg">
        <div class="f_con f_ml2 clear">
            <div class="f_text">©2014 haolvxing.com&nbsp;&nbsp</div>
            <div class="fl" style="display:none">
                <script type="text/javascript">
                    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb6db5850a978900fbbb48cab24734b46' type='text/javascript'%3E%3C/script%3E"));
                </script>
                <!--<script src="%E5%AE%A2%E5%A6%82%E4%BA%91%EF%BC%8C%E6%99%BA%E8%83%BD%E4%BA%91%E9%A4%90%E5%8E%85_files/h.js"
                        type="text/javascript"></script>-->
            </div>
            <div class="f_img">
                <div class="f_cnzz">
                    <a href="http://www.cnzz.com/stat/website.php?web_id=4582189" target="_blank" title="站长统计"><img
                            src="../backup/pic.gif" border="0" hspace="0" vspace="0"></a></div>
            </div>
            <a target="_blank" key="52e08e253b05a3da0f152aab" logo_size="83x30" logo_type="official"
               href="index.html">
                    <span style="display:none;" class="LOGO_aq_jsonp_wrap_" id="AQ_logo_span_init_1"><script
                            async="true" type="text/javascript" src="../backup/a.js"></script></span><img alt="安全联盟认证"
                                                                                                          style="border: medium none;"
                                                                                                          src="../backup/gw_83x30.png"
                                                                                                          height="30"
                                                                                                          width="83"></a>
            <a target="_blank" key="52e08e253b05a3da0f152aab" logo_size="83x30" logo_type="realname"
               href="index.html">
                <span style="display:none;" class="LOGO_aq_jsonp_wrap_" id="AQ_logo_span_init_2"></span><img
                    alt="安全联盟认证" style="border: medium none;" src="../backup/sm_83x30.png" height="30"
                    width="83"></a>

        </div>
    </div>
</footer>
</div>
<div id="Qr-code" style="display: none; left: 787.46875px; top: 691px;"><img
        src="../img/products-experience/itme_05.png"></div>
<script src="../asset/jquery/jquery.js"></script>
<script type="text/javascript">
    $(function () {
        var lists = $("i[data-Qr-code]");
        var QrObj = $("#Qr-code");
        var imgObj = $("#Qr-code > img");
        var flag = false;
        QrObj.hide();
        //
        lists.each(function () {
            $(this).hover(function () {
                if (!flag) {
                    offsetPos(QrObj, $(this));
                    QrObj.fadeIn();
                } else {
                    offsetPos(QrObj, $(this));
                }

                flag = true;
            }, function () {
                //延时判断
                setTimeout(function () {
                    if (!flag) {
                        QrObj.fadeOut();
                    }

                }, 300);
                flag = false;
            });
        });
        //#Qr-code 定位 img 传入 src
        function offsetPos(qobj, iobj) {
            var offset = iobj.offset();
            var qw = qobj.outerWidth();
            var iw = iobj.outerWidth();
            var ih = iobj.outerHeight();
            var ol = offset.left - (qw - iw) / 2;
            var ot = offset.top + ih;
            var imgsrc = iobj.attr("data-Qr-code");
            qobj.css({left: ol + 'px', top: ot + 'px'});
            imgObj.attr("src", imgsrc);
        }
    });
</script>


</body>
</html>